* {
    margin: 0;
    padding: 0;
    font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
}

#loginBody {
    height: 100vh;
    width: 100%;
    overflow: hidden;
    background: url("../image/background/backgroud2.jpg") no-repeat fixed;
    /*背景图不拉伸*/
    background-size: cover;
}

#loginBody #title {
    width: 100%;
    /*绝对定位，置顶*/
    position: absolute;
    /*居中*/
    text-align: center;
    /*字体颜色*/
    color: #63a1b2;
    /*背景模糊*/
    backdrop-filter: blur(5px);
    border-bottom: 1px solid #63a1b2;
}
#loginBody #title * {
    font-size: 50px;
}
#loginBody #title #titleText {
    display: inline;
}

@keyframes animate {
    0% {
        filter: drop-shadow(0px 0px 0px #63a1b2);
    }
    50% {
        filter: drop-shadow(5px 5px 5px #63a1b2);
    }
    100% {
        filter: drop-shadow(0px 0px 0px #63a1b2);
    }
}

#loginBody .container {
    width: 400px;
    margin: 33vh auto auto auto;
    padding: 30px;
    border: 1px solid #63a1b2;
    border-radius: 10px;
    backdrop-filter: blur(5px);
    box-shadow: 0px 0px 5px #63a1b2;
    /*动画周期3S 线性 无限循环*/
    animation: animate 3s linear infinite;
}

#loginBody #login {
    display: block;
}

#loginBody #register {
    display: none;

}

#loginBody .container .text {
    text-align: center;
    color: #63a1b2;
    margin-bottom: 20px;
    font-size: 25px;
}

#loginBody .container #forget {
    margin-bottom: 5px;
    color: #63a1b2;
}

#loginBody .container .button {
    width: 100%;
    background: #63a1b2;
    border: #63a1b2;
}

#loginBody #calendar {
    position: absolute;
    top: 90px;
    right: 30px;
    width: 400px;
    height: auto;
    background: none;
    color: #63a1b2;
    border: 1px solid #63a1b2;
    border-radius: 10px;
    animation: calendarAppear .75s;
}
@keyframes calendarAppear {
    0% {
        transform: translate(100%,0);
    }
    100% {
        transform: none;
    }
}
@media screen and (max-width: 1350px) {
    #calendar {
        display: none;
    }
}
#loginBody #calendar .el-calendar-day {
    height: 35px;
    text-align: center;
}
#loginBody #calendar .prev {
    border: 1px solid #4bbe92;
}
#loginBody #calendar .current {
    border: 1px solid #63a1b2;
}
#loginBody #calendar .next {
    border: 1px solid #4d8bce;
}
#loginBody #calendar .el-button {
    background: none;
}